<template>
  <div>
    <h2>计算属性</h2>
    <!-- 计算属性,必须当做属性来用,不能当做方法来调用,不能加小括号 -->
    <p>{{ fullname }}</p>
    <p>{{ fullname }}</p>
    <p>{{ fullname }}</p>
    <h1>方法</h1>
    <p>{{ aaa() }}</p>
    <p>{{ aaa() }}</p>
    <p>{{ aaa() }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      xing: "张",
      ming: "三",
    };
  },
  //计算属性,要写到和data平级的 computed 中
  computed: {
    //计算属性必须返回计算的结果,
    fullname() {
      console.log("计算属性");
      return this.xing + this.ming;
    },
  },
  methods: {
    aaa() {
      console.log("方法调用");
      return this.xing + this.ming;
    },
  },
};
</script>

<style>
</style>